<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<div class="navbar navbar-default">
		<div class="container-full">
			<a href="index.html" class="navbar-brand">OpenVPN后台管理面板</a>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="login.html">登陆</a></li>
				<li><a href="">|</a></li>
				<li><a href="sign.html">注册</a></li>
			</ul>
		</div>
	</div>

	<div class="container-full">
		<div class="row">
			<div class="col-md-2 left-sidebar">
				<div class="middle">
					<a class="btn btn-info btn-block " role="button" href="index.html">OpenVPN用户管理</a>
					<a class="btn btn-info btn-block " role="button" href="ecs.html">腾讯云服务器信息</a>
					<a class="btn btn-info btn-block " role="button" href="#">info</a>
					<a class="btn btn-info btn-block " role="button" href="#">info</a>
					<a class="btn btn-info btn-block " role="button" href="#">info</a>
					<a class="btn btn-info btn-block " role="button" href="#">info</a>
				</div>
			</div>
			
			<div class="col-md-10">
					<table class="table table-bordered table-striped table-hover table-condensed">
					  <tr class="success">
					    <th>ID</th>
					    <th>地区</th>
					    <th>服务器ID</th>
					    <th>服务器名称</th>
					    <th>服务器ip</th>
					    <th>服务器配置</th>
					    <th>创建时间</th>
					    <th>到期时间</th>
					    <th>备注</th>
					  </tr>
					  <tr class="">
					    <td>1</td>
					    <td>北京一区</td>
					    <td>i-2ze85d6ebayticfywskg</td>
					    <td>oradt-aliyun-api</td>
					    <td>192.168.1.1/39.45.102.3</td>
					    <td>1cpu/4G/500G/5M</td>
					    <td>2018-8-24 10:30</td>
					    <td>2019-8-24 10:30</td>
					    <td>api服务器</td>
					  </tr>
					  <tr class="">
					    <td>1</td>
					    <td>北京一区</td>
					    <td>i-2ze85d6ebayticfywskg</td>
					    <td>oradt-aliyun-api</td>
					    <td>192.168.1.1/39.45.102.3</td>
					    <td>1cpu/4G/500G/5M</td>
					    <td>2018-8-24 10:30</td>
					    <td>2019-8-24 10:30</td>
					    <td>api服务器</td>
					  </tr>
					  <tr class="">
					    <td>1</td>
					    <td>北京一区</td>
					    <td>i-2ze85d6ebayticfywskg</td>
					    <td>oradt-aliyun-api</td>
					    <td>192.168.1.1/39.45.102.3</td>
					    <td>1cpu/4G/500G/5M</td>
					    <td>2018-8-24 10:30</td>
					    <td>2019-8-24 10:30</td>
					    <td>api服务器</td>
					  </tr>
					  <tr class="">
					    <td>1</td>
					    <td>北京一区</td>
					    <td>i-2ze85d6ebayticfywskg</td>
					    <td>oradt-aliyun-api</td>
					    <td>192.168.1.1/39.45.102.3</td>
					    <td>1cpu/4G/500G/5M</td>
					    <td>2018-8-24 10:30</td>
					    <td>2019-8-24 10:30</td>
					    <td>api服务器</td>
					  </tr>
					</table>					

			</div>
		</div>
	</div>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>